html{
    margin-left:20%;
    margin-right:20%;
    float: right;
    background-color:#065;
    font-family:"Times New Roman";
    font-size:20px;
    color:white;
}
p
{
    font-family:"Times New Roman";
    font-size:20px;
    color:white;    

}
#formId{    
    background-color:#066;
    color:white;    
    margin-top: 400px;
    margin:0 auto 0 auto; width:390px;
}
#mapaImagen{
    position:absolute;
    top:800px;
    left:20%;
    background-color:#066;
}
#ext{
    font-family:"Times New Roman";
    font-size:20px;
    color:white;
    background-color:#065;
}
#alertas{
    position:absolute;
    top:20%;
    right:20%;
}
/*Principal */

#pronostico{
    position:absolute;
    top:20%;
    left:20%;

}
#condiciones{
    position:absolute;
    top:20%;
    left:35%;
}

#Navegacion{
    position:absolute;
    top:20%;
    right:20%;
}
#mapa{
    color:white;
    display: block;
    margin-top: 20%;
    margin:auto auto auto auto;
}

#alertas{
    position:absolute;
    top:20%;
    right:20%;
}

body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #009999;

}
body{

    margin-left: 10px;
    margin-top: 0px;
    color: black;
}
a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #66FF00;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #00FFFF;
}
a:hover {
    text-decoration: underline;
    color: #0000CC;
}
a:active {
    text-decoration: none;
    color: #FFFFFF;
}
.Estilo1 {
    color: #000111;
    font-size: 36px;
    font-family: "Freestyle Script";
}
.Estilo2 {
    color: #000111;
    font-size: 16px;
    font-family: "Arial Black";
}
h1{
    background-color: #009999;
}
h2{
    background-color: #009999;
    text-align: right
}

h3{
    background-color: #009999;
    color: #33FF66;
    font-size: 16px;
}
h4{
    font-size: 10px;
    text-align: center;
}

#banner{
    background-color:#066;
    color:white;
    display: block;
    margin-top: 20%;
    margin:0 auto 0 auto; width:100%;
}
#mapa{
    position:absolute;
    top:200px;
    left:20%;
}
#calendario{
    position:absolute;
    top:20%;
    right:20%;
}
#tablaReporte{
    color:white;
}
